<template>
    <div class="page">
        <el-row class="demo-avatar demo-basic">
            <el-col :span="24">
                <div class="sub-title">circle</div>
                <div class="demo-basic--circle">
                    <div class="block">
                        <el-avatar :size="50" :src="state.circleUrl" />
                    </div>
                </div>
            </el-col>
        </el-row>
        <div class="item">
            <el-date-picker
                v-model="state.value1"
                type="date"
                placeholder="请选择时间"
            />
        </div>
        <div>

        </div>
    </div>
</template>

<script setup>
const state = reactive({
    value1: '',
    circleUrl:
        'https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png',
    squareUrl:
        'https://cube.elemecdn.com/9/c2/f0ee8a3c7c9638a54940382568c9dpng.png',
    sizeList: ['small', '', 'large'],
})


</script>


<style scoped lang="scss">
.page {
    padding: 50px;
    text-align: center;
}

.item {
    padding: 10px;
}
</style>
